﻿<link href="../skin/default/news_pic.css" rel="stylesheet" type="text/css"/>
<div align="center">
<script language="javascript">
var CurrentHotScreen = 0 ;
function setHotQueryList(screen){
	var Vmotion = "forward" ;
	var MaxScreen = 7 ;
	if (screen >= MaxScreen) {
		screen = 0 ;
		Vmotion = "reverse" ;
	}
	cleanallstyle();
	document.getElementById("focus_"+screen).className = "up" ;
  
  if(null!=hot_query_td.filters){
	hot_query_td.filters[0].apply();
	hot_query_td.filters[0].motion = Vmotion;
  }
  for (i=0;i<MaxScreen;i++) {
	document.getElementById("switch_"+i).style.display = "none" ;
  }
  document.getElementById("switch_"+screen).style.display = "block" ;
  if(null!=hot_query_td.filters){
	hot_query_td.filters[0].play();
  }
	CurrentHotScreen = screen ;
}

function refreshHotQuery(){
	refreshHotQueryTimer = null;
	setHotQueryList(CurrentHotScreen+1);
	refreshHotQueryTimer = setTimeout('refreshHotQuery();', 5000);
}
</script>
	
<div class="newsMain">
<div class="topNewsBox">
<div class="topNews">
<div class="topNewsPic">
<table border="0" cellpadding="0" cellspacing="0">
  <tbody>
  <tr>
    <td id="HotSearchList" style="FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)">
    <%
    sql="select * from info where catID=27 and [delete]=0"
    set rs=GetRecordset(sql,0)
    if not rs.eof and not rs.bof then
    for i=0 to 6
    %>
      <div id="switch_<%=i%>"><a onclick="setClick();" href="cgi.asp?catid=27&contid=<%=rs("infoID")%>" blockid="931" target="_blank"><img alt="<%=rs("infoTitle")%>" src="<%=rs("filePath")%>"></a></div>
    <%
    rs.movenext
    if rs.eof then
    exit for
    end if
    next
    rs.movefirst
    end if
    %>
    </td>
  </tr>
  </tbody>
</table>
</div>
<div class="topNewsList">
<div id="news_pic_title"><div style="position:relative; float:right; right:10px; top:5px;"><a href="cgi.asp?catid=27"><img src="../skin/default/images/more.gif" width="51" height="15" border="0" /></a></div>
</div>
<ul>
<%
if not rs.eof and not rs.bof then
for i=0 to 6
%>
  <li><a class="up" id="focus_<%=i%>" onmouseover="show_focus_image(<%=i%>);" title="<%=rs("infoTitle")%>" onclick="setClick();" href="cgi.asp?catid=27&contid=<%=rs("infoID")%>" target="_blank" blockid="931"><%=abstract(rs("infoTitle"),20)%></a></li>
<%
rs.movenext
if rs.eof then
    exit for
end if
next

else
for i=0 to 6
%>
  <li>暂无图片新闻</li>
<%
next
end if
rs.close
set rs=nothing
%>  
  </ul></div>
</div>
<div class="topNewsBg"></div>
</div>
<script>
function cleanallstyle() {
	for (i=0;i<7;i++) {
		document.getElementById("focus_"+i).className = "" ;
	}
}
function show_focus_image(index) {
	clearTimeout(refreshHotQueryTimer);
	setHotQueryList(index);
	refreshHotQueryTimer = setTimeout('refreshHotQuery();', 5000);
}
function setClick() {
	clearTimeout(refreshHotQueryTimer);
}
var refreshHotQueryTimer = null ;
var hot_query_td =  document.getElementById('HotSearchList');
setHotQueryList(CurrentHotScreen);
refreshHotQueryTimer = setTimeout('refreshHotQuery();', 5000);
</script></div>
</div>
